import React from 'react'
import {NavbarWrapper} from './styledNavbar'

export default function Navbar(props) {
    return (
        <NavbarWrapper
        color={props.color}
        >
            <div>
                <span className='titleimg'
                onClick={props.onClick}
                className={props.icon?'titleimg':'active'}
                >
                    <img src={props.icon} alt="" />
                </span>
                <span className='title'>
                    {props.title}
                </span>
            </div>
        </NavbarWrapper>
    )
}
